<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Volter Creative Studios HTML5 Template | Homepage Two</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 10]><link href="css/ie.css" rel="stylesheet"><![endif]-->
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>
<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
 	
    <!-- Main Header / Header Style Two-->
    <header class="main-header header-style-two">
        
        <!-- Header Container -->
        <div class="header-container">
            	
            <!--Outer Box-->
            <div class="clearfix">
            
                <!-- Logo -->
                <div class="logo">
                    <a href="index.html"><img src="images/logo-3.png" alt="Volter"></a>
                 </div>
                 
                 <div class="menu-toggler hidden-bar-opener"></div>
                
            </div>
        </div><!-- Header Container End-->
        
    </header><!--End Main Header -->
    
    
            
	<!-- Hidden Bar -->
    <section class="hidden-bar right-align">
        
        <div class="hidden-bar-closer">
            <button class="btn"><i class="flaticon-cross-1"></i></button>
        </div>
    	<!-- Hidden Bar Wrapper -->
        <div class="hidden-bar-wrapper">
        
        	<!-- .logo -->
            <div class="logo text-center">
            	<a href="index.html"><img src="images/sidebar-logo.png" alt=""></a>			
            </div><!-- /.logo -->
        	
            <!-- .Side-menu -->
            <div class="side-menu">
            <!-- .navigation -->
            <ul class="navigation">
                <li class="dropdown"><a href="index.html">Home</a>
                    <ul class="submenu">
                        <li><a href="index.html">Home Version One</a></li>
                        <li><a href="index-2.html">Home Version Two</a></li>
                        <li><a href="index-3.html">Home Version Three</a></li>
                        <li><a href="index-4.html">Home Version Four</a></li>
                    </ul>
                </li>
                <li><a href="about.html">About</a></li>
                <li class="dropdown"><a href="portfolio.html">Portfolio</a>
                    <ul class="submenu">
                        <li><a href="portfolio.html">Portfolio One</a></li>
                        <li><a href="portfolio-2.html">Portfolio Two</a></li>
                        <li><a href="portfolio-3.html">Portfolio Three</a></li>
                        <li><a href="portfolio-4.html">Portfolio Four</a></li>
                        
                    </ul>
                </li>
                <li><a href="services.html">Service</a></li>
                <li class="dropdown"><a href="blog.html">Blog</a>
                    <ul class="submenu">
                        <li><a href="blog.html">Blog Style One</a></li>
                        <li><a href="blog-2.html">Blog Style Two</a></li>
                        <li><a href="blog-single.html">Blog Single</a></li>
                    </ul>
                </li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
            </div><!-- /.Side-menu -->
        
            <div class="social-icons">
                <ul>
                    <li><a href="index-2.html#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="index-2.html#"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="index-2.html#"><i class="fa fa-google-plus"></i></a></li>
                    <li><a href="index-2.html#"><i class="fa fa-linkedin"></i></a></li>
                </ul>
            </div>
        
        </div><!-- / Hidden Bar Wrapper -->
    </section><!-- / Hidden Bar -->

    <!--Main Slider-->
    <section class="main-slider style-two">
    	
        <!--Slider COntainer-->
        <div class="slider-container">
            <ul class="slider-style-one">
                
                <!--Slide Item-->
                <li class="slide-item" style="background-image:url(images/main-slider/3.jpg);" data-bg-position="left top">
                	<div class="auto-container">
                        <div class="content-container">
                            <div class="content-box">
                                <div class="content">
                                    <div class="inner-box pull-right">
                                    	<div class="boxed-content-outer">
                                        	<div class="logo-image text-center wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="0ms"><img src="images/main-slider/corporate-logo.png" alt=""></div>
                                            <div class="boxed-content wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="500ms">
                                            	<h4 class="spaced-text">VOLTER SINCE 1890</h4>
                                                <h2 class="boxed-bigger-text">CREATIVE STUDIO</h2>
                                            </div>
                                        	<div class="link-box wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="1000ms"><a href="index-2.html#" class="theme-btn btn-style-two">WORK WITH US ?</a></div>
                                        </div>
                                    </div>
                                    
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                
                <!--Slide Item-->
                <li class="slide-item" style="background-image:url(images/main-slider/4.jpg);" data-bg-position="left bottom">
                	<div class="auto-container">
                        <div class="content-container">
                            <div class="content-box">
                                <div class="content">
                                    <div class="inner-box pull-left color-grey">
                                    	<h3 class="spaced-text-small wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="0ms">WE MAKE IT EASY TO EXPERIENCE CREATIVITY</h3>
                                        <h2 class="bigger-title wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="500ms">CREATIVE STUDIO</h2>
                                        <div class="text wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="700ms">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna consectetuer adipiscing elit, sed diam nonummy .</div>
                                        <div class="link-box wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="1000ms"><a href="index-2.html#" class="theme-btn btn-style-three">PURCHASE NOW</a></div>
                                    </div>
                                    
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                
                    
            </ul>
        </div>
        
    </section>
    
    
    <!--Default Fluid Section-->
    <section class="default-fluid-section">
    	<div class="fluid-oute clearfix">
        
            <!--Content Column-->
            <article class="content-column pull-right">
            	<div class="content-outer">
                    <div class="default-content-box">
                        <div class="default-post-title">
                            <h4 class="theme_color">WHO WE ARE ?</h4>
                            <h3>WE ARE VOLTER <br>CREATIVE STUDIO</h3>
                        </div>
                        <div class="content-box">
                        	<div class="default-post-info">ART STUDIO SINCE 1890</div>
                            <div class="text">
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                            </div>
                        </div>
                        
                        <div class="link-box"><a href="index-2.html#" class="theme-btn read-more">WORK WITH US ?</a></div>
                        
                    </div>
                </div>
            </article>
            
        	<!--Image Column-->
        	<div class="image-column wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms" style="background-image:url(images/resource/fluid-image-1.jpg);"></div>
            
            
        </div>
    </section>
    
    
    <!--Our Advantages Section-->
    <section class="our-advantages">
    	<div class="auto-container">
        	<div class="title-box text-center light">
                <h3 class="small-text">OUR ADVANTAGES</h3>
                <h2>WE LOVE WHAT WE DO</h2>                
            </div>
			
            <div class="default-text-content text-center">
            	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, nostrud exerci tation ullamcorper delgado consectuerer.</p>
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, <strong>“Quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat”</strong>. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
            </div>
            
            <figure class="signature-image"><img src="images/resource/signature-image-1.png" alt=""></figure>
            <div class="info-box">
            	<h4 class="designation theme_color">VOLTER FOUNDER</h4>
                <h3 class="name">DARENT WALTRIP</h3>
            </div>
            
            <!--Main Image Outer-->
            <div class="main-image-outer">
            	<figure class="image-box wow fadeIn" data-wow-duration="1500ms" data-wow-delay="0ms"><img src="images/resource/big-image-1.jpg" alt=""></figure>
            </div>
            
        </div>
    </section>
    
    
    <!--Default Fluid Section-->
    <section class="default-fluid-section">
    	<div class="fluid-oute clearfix">
        
            <!--Content Column-->
            <article class="content-column pull-right">
            	<div class="content-outer padd-bott-90">
                    <div class="default-content-box">
                        <div class="default-post-title">
                            <h4>OUR SERVICE</h4>
                            <h3>WE WILL HANDLE <br>YOUR PROBLEM</h3>
                        </div>
                        <div class="content-box">
                        	<div class="default-post-info">ART STUDIO SINCE 1890</div>
                            <div class="text">
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                            </div>
                        </div>
                        
                        <div class="features-outer">
                            <div class="row clearfix">
                                <!--Icon Column-->
                                <div class="default-icon-column style-two col-md-6 col-sm-6 col-xs-12">
                                    <div class="inner-box">
                                        <div class="icon-box"><span class="icon flaticon-multimedia-1"></span></div>
                                        <h3>BRENDING DESIGN</h3>
                                        <div class="text">Lorem ipsum dolor sit amet conetuer delgado diam nonummy.</div>
                                    </div>
                                </div>
                                
                                <!--Icon Column-->
                                <div class="default-icon-column style-two col-md-6 col-sm-6 col-xs-12">
                                    <div class="inner-box">
                                        <div class="icon-box"><span class="icon flaticon-technology"></span></div>
                                        <h3>PHOTOGRAPHY</h3>
                                        <div class="text">Lorem ipsum dolor sit amet conetuer delgado diam nonummy.</div>
                                    </div>
                                </div>
                                
                                <!--Icon Column-->
                                <div class="default-icon-column style-two col-md-6 col-sm-6 col-xs-12">
                                    <div class="inner-box">
                                        <div class="icon-box"><span class="icon flaticon-computer"></span></div>
                                        <h3>WEB DESIGN</h3>
                                        <div class="text">Lorem ipsum dolor sit amet conetuer delgado diam nonummy.</div>
                                    </div>
                                </div>
                                
                                <!--Icon Column-->
                                <div class="default-icon-column style-two col-md-6 col-sm-6 col-xs-12">
                                    <div class="inner-box">
                                        <div class="icon-box"><span class="icon flaticon-business"></span></div>
                                        <h3>MARKETING</h3>
                                        <div class="text">Lorem ipsum dolor sit amet conetuer delgado diam nonummy.</div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        
                    </div>
                </div>
            </article>
            
        	<!--Image Column-->
        	<div class="image-column wow fadeIn" data-wow-duration="1000ms" data-wow-delay="0ms" style="background-image:url(images/resource/fluid-image-2.jpg);">
            	<div class="overlay-box">
                	<div class="logo-box">
                    	<figure class="logo-image wow zoomInStable" data-wow-duration="1500ms" data-wow-delay="1000ms"><img src="images/resource/logo-4.png" alt=""></figure>
                    </div>	
                </div>
            </div>
            
            
        </div>
    </section>
    
    
    <!--Default Portfolio Gallery Section-->
    <section class="default-portfolio-gallery">
    	<div class="items-outer">
        	
            <div class="items-row clearfix">
            	<!--gallery Item-->
                <div class="default-gallery-item default-gallery-item-half">
                	<div class="inner-box content-outer">
                    	<div class="default-content-box">
                            <div class="default-post-title">
                                <h4>VOLTER PORTFOLIO</h4>
                                <h3>OUR BEAUTIFUL WORKS</h3>
                            </div>
                            <div class="content-box">
                                <div class="default-post-info">ART STUDIO SINCE 1890</div>
                                <div class="text margin-bott-20">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--gallery Item-->
                <div class="default-gallery-item">
                	<div class="inner-box">
                    	<figure class="image-box"><a href="images/gallery/image-1.jpg" class="lightbox-image" title="Title Here"><img src="images/gallery/image-1.jpg" alt=""></a></figure>
                        <div class="overlay-outer">
                            <div class="overlay-box">
                            	<div class="overlay-content">
                                    <div class="icon-box"><a href="images/gallery/image-1.jpg" class="lightbox-image" title="Title Here"><img src="images/gallery/overlay-badge.png" alt=""></a></div>
                                    <h4>BRANDING</h4>
                                    <h3><a href="index-2.html#">COVER DESIGN 2017</a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--gallery Item-->
                <div class="default-gallery-item">
                	<div class="inner-box">
                    	<figure class="image-box"><a href="images/gallery/image-2.jpg" class="lightbox-image" title="Title Here"><img src="images/gallery/image-2.jpg" alt=""></a></figure>
                        <div class="overlay-outer">
                            <div class="overlay-box">
                            	<div class="overlay-content">
                                    <div class="icon-box"><a href="images/gallery/image-2.jpg" class="lightbox-image" title="Title Here"><img src="images/gallery/overlay-badge.png" alt=""></a></div>
                                    <h4>BRANDING</h4>
                                    <h3><a href="index-2.html#">COVER DESIGN 2017</a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
        
        <div class="items-outer">    
            <div class="items-row clearfix">
                
                <!--gallery Item-->
                <div class="default-gallery-item one-fourth">
                	<div class="inner-box">
                    	<figure class="image-box"><a href="images/gallery/image-3.jpg" class="lightbox-image" title="Title Here"><img src="images/gallery/image-3.jpg" alt=""></a></figure>
                        <div class="overlay-outer">
                            <div class="overlay-box">
                            	<div class="overlay-content">
                                    <div class="icon-box"><a href="images/gallery/image-3.jpg" class="lightbox-image" title="Title Here"><img src="images/gallery/overlay-badge.png" alt=""></a></div>
                                    <h4>BRANDING</h4>
                                    <h3><a href="index-2.html#">COVER DESIGN 2017</a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--gallery Item-->
                <div class="default-gallery-item">
                	<div class="inner-box">
                    	<figure class="image-box"><a href="images/gallery/image-4.jpg" class="lightbox-image" title="Title Here"><img src="images/gallery/image-4.jpg" alt=""></a></figure>
                        <div class="overlay-outer">
                            <div class="overlay-box">
                            	<div class="overlay-content">
                                    <div class="icon-box"><a href="images/gallery/image-4.jpg" class="lightbox-image" title="Title Here"><img src="images/gallery/overlay-badge.png" alt=""></a></div>
                                    <h4>BRANDING</h4>
                                    <h3><a href="index-2.html#">COVER DESIGN 2017</a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--gallery Item-->
                <div class="default-gallery-item">
                	<div class="inner-box">
                    	<figure class="image-box"><a href="images/gallery/image-5.jpg" class="lightbox-image" title="Title Here"><img src="images/gallery/image-5.jpg" alt=""></a></figure>
                        <div class="overlay-outer">
                            <div class="overlay-box">
                            	<div class="overlay-content">
                                    <div class="icon-box"><a href="images/gallery/image-5.jpg" class="lightbox-image" title="Title Here"><img src="images/gallery/overlay-badge.png" alt=""></a></div>
                                    <h4>BRANDING</h4>
                                    <h3><a href="index-2.html#">COVER DESIGN 2017</a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!--gallery Item-->
                <div class="default-gallery-item load-more">
                    <div class="inner-box">
                    	<figure class="image-box"><a href="images/gallery/image-6.jpg" class="lightbox-image" title="Title Here"><img src="images/gallery/image-6.jpg" alt=""></a></figure>
                        <div class="overlay-outer">
                            <div class="overlay-box">
                            	<div class="overlay-content">
                                    <a href="index-2.html#" class="theme-btn load-more-link underlined-link">LOAD MORE WORKS</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
            
        </div>
    </section>
    
    
    
    <!--Work Process Section-->
    <section class="work-process-section" style="background-image:url(images/background/image-3.jpg);">
    	<div class="auto-container">
        	<div class="row clearfix">
            	<!--Column-->
                <div class="col-lg-6 col-md-8 col-sm-12 col-xs-12 pull-right">
                	<div class="inner-box">
                    	<div class="title-box light">
                            <h3 class="small-text theme_color">WHAT WE DO</h3>
                            <h2>WORKING PROCESS</h2> 
                            <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diampet nonummy nibh euismod tincidunt ut laoreet dolore magna.</div>               
                        </div>
                        
                        <div class="tabs-box style-one light-theme">
                        	<!--Tab Buttons-->
                            <ul class="tab-buttons clearfix">
                            	<li class="tab-btn active-btn clearfix" data-tab="#tab-one"><span class="btn-count">01.</span><span class="btn-text">Making Concept</span></li>
                                <li class="tab-btn clearfix" data-tab="#tab-two"><span class="btn-count">02.</span><span class="btn-text">MAKING Sketch</span></li>
                                <li class="tab-btn clearfix" data-tab="#tab-three"><span class="btn-count">03.</span><span class="btn-text">Developing</span></li>
                                <li class="tab-btn clearfix" data-tab="#tab-four"><span class="btn-count">04.</span><span class="btn-text">Testing</span></li>
                                <li class="tab-btn clearfix" data-tab="#tab-five"><span class="btn-count">05.</span><span class="btn-text">Launch</span></li>
                            </ul>
                            
                            <!--Tabs Content-->
                            <div class="tabs-content">
                            	
                                <!--Tab / Active Tab-->
                            	<div class="tab active-tab" id="tab-one">
                                	<div class="content-box clearfix">
                                    	<div class="bigger-text">01. </div>
                                        <p>Lorem ipsum dolor sit amet, consectetuer addipisscing sed diam nonummy nibh euismod tincidunt ut lasoreety dolore magna aliquam erat volutpat. Ut wisi <strong>“enim adsu minim veniam”</strong>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
                                        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit essensial molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.</p>
                                    </div>
                                    <div class="link-box"><a href="index-2.html#" class="theme-btn underlined-link">WORK WITH US ?</a></div>
                                </div>
                                
                                <!--Tab-->
                            	<div class="tab" id="tab-two">
                                	<div class="content-box clearfix">
                                    	<div class="bigger-text">02. </div>
                                        <p>Lorem ipsum dolor sit amet, consectetuer addipisscing sed diam nonummy nibh euismod tincidunt ut lasoreety dolore magna aliquam erat volutpat. Ut wisi <strong>“enim adsu minim veniam”</strong>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
                                        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit essensial molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.</p>
                                    </div>
                                    <div class="link-box"><a href="index-2.html#" class="theme-btn underlined-link">WORK WITH US ?</a></div>
                                </div>
                                
                                <!--Tab-->
                            	<div class="tab" id="tab-three">
                                	<div class="content-box clearfix">
                                    	<div class="bigger-text">03. </div>
                                        <p>Lorem ipsum dolor sit amet, consectetuer addipisscing sed diam nonummy nibh euismod tincidunt ut lasoreety dolore magna aliquam erat volutpat. Ut wisi <strong>“enim adsu minim veniam”</strong>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
                                        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit essensial molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.</p>
                                    </div>
                                    <div class="link-box"><a href="index-2.html#" class="theme-btn underlined-link">WORK WITH US ?</a></div>
                                </div>
                                
                                <!--Tab-->
                            	<div class="tab" id="tab-four">
                                	<div class="content-box clearfix">
                                    	<div class="bigger-text">04. </div>
                                        <p>Lorem ipsum dolor sit amet, consectetuer addipisscing sed diam nonummy nibh euismod tincidunt ut lasoreety dolore magna aliquam erat volutpat. Ut wisi <strong>“enim adsu minim veniam”</strong>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
                                        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit essensial molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.</p>
                                    </div>
                                    <div class="link-box"><a href="index-2.html#" class="theme-btn underlined-link">WORK WITH US ?</a></div>
                                </div>
                                
                                <!--Tab-->
                            	<div class="tab" id="tab-five">
                                	<div class="content-box clearfix">
                                    	<div class="bigger-text">05. </div>
                                        <p>Lorem ipsum dolor sit amet, consectetuer addipisscing sed diam nonummy nibh euismod tincidunt ut lasoreety dolore magna aliquam erat volutpat. Ut wisi <strong>“enim adsu minim veniam”</strong>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
                                        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit essensial molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim.</p>
                                    </div>
                                    <div class="link-box"><a href="index-2.html#" class="theme-btn underlined-link">WORK WITH US ?</a></div>
                                </div>
                                
                                
                            </div>
                            
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    
    <!--Why Us Section Style Two-->
    <section class="why-us-section style-two" style="background-image:url(images/background/image-4.jpg);">
    	<div class="auto-container">
        	
            <div class="title-box light text-center">
                <h3 class="small-text theme_color">OUR FEATURES</h3>
                <h2>THE REASON WORK WITH US</h2>
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div>
            </div>
            
        	<div class="row clearfix">
                <div class="features-container">
                	<div class="clearfix">
                    	<!--Icon Column-->
                    	<div class="column default-icon-column col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-cone"></span></div>
                                <h3>UNLIMITED FEATURES</h3>
                                <div class="text">Lorem ipsum dolor sit amet, consectuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt.</div>
                            </div>
                        </div>
                        <!--Icon Column-->
                    	<div class="column default-icon-column col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-cup-2"></span></div>
                                <h3>CREATIVE DESIGN</h3>
                                <div class="text">Lorem ipsum dolor sit amet, consectuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt.</div>
                            </div>
                        </div>
                        <!--Icon Column-->
                    	<div class="column default-icon-column col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-cup-1"></span></div>
                                <h3>CUSTOM SHORTCODE</h3>
                                <div class="text">Lorem ipsum dolor sit amet, consectuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt.</div>
                            </div>
                        </div>
                        <!--Icon Column-->
                    	<div class="column default-icon-column col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-technology-7"></span></div>
                                <h3>PIXEL PERFECT</h3>
                                <div class="text">Lorem ipsum dolor sit amet, consectuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt.</div>
                            </div>
                        </div>
                        <!--Icon Column-->
                    	<div class="column default-icon-column col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-graphic-1"></span></div>
                                <h3>EASY INSTALL</h3>
                                <div class="text">Lorem ipsum dolor sit amet, consectuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt.</div>
                            </div>
                        </div>
                        <!--Icon Column-->
                    	<div class="column default-icon-column col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        	<div class="inner-box">
                            	<div class="icon-box"><span class="icon flaticon-megaphone"></span></div>
                                <h3>SEO OPTIMIZED</h3>
                                <div class="text">Lorem ipsum dolor sit amet, consectuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt.</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="title-box text-center margin-bott-40 light">
                <h3 class="small-text">DON’T MISS IT</h3>
                <h2>VOLTER CREATIVE PSD TEMPLATE</h2> 
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div>               
            </div>
            
            <div class="main-image-outer wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="0ms">
            	<figure class="image-box"><img src="images/resource/view-image-1.png" alt=""></figure>
                <div class="link-box"><a href="index-2.html#" class="theme-btn btn-style-three">PURCHASE NOW</a></div>
            </div>
            
            
        </div>
    </section>
    
    
    <!--Default Blog Section-->
    <section class="default-blog-section style-two">
    	<div class="auto-container">
            <div class="title-box text-center light">
                <h3 class="small-text">OUR BLOG</h3>
                <h2>VOLTER LATEST NEWS</h2> 
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div>               
            </div>
            
            <!--Default Blog Post / Style One-->
            <article class="default-post-style blog-post style-one left-aligned">
                <div class="row clearfix">
                    <div class="col-md-7 col-sm-12 col-xs-12 image-column">
                        <div class="clearfix">
                            <figure class="blog-image wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms"><img src="images/resource/blog-image-1.jpg" alt=""></figure>
                        </div>
                    </div>
                    <div class="col-md-5 col-sm-12 col-xs-12 content-column padd-top-50">
                        <div class="default-content-box wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="0ms">
                            <div class="default-post-title">
                                <h3><a href="index-2.html#">LOREM IPSUM DOLORADO CONSEC TUERER</a></h3>
                            </div>
                            <div class="content-box">
                                <div class="default-post-info"><a href="index-2.html#">WEB DESIGN</a>, 26/06/2010</div>
                                <div class="text">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                </div>
                            </div>
                            <div class="link-box"><a href="index-2.html#" class="theme-btn read-more">READ MORE</a></div>
                            
                        </div>
                    </div>
                </div>
            </article>
            
            <!--Default Blog Post / Style One-->
            <article class="default-post-style blog-post style-one right-aligned">
                <div class="row clearfix">
                    <div class="col-md-7 col-sm-12 col-xs-12 image-column pull-right">
                        <div class="clearfix">
                            <figure class="blog-image wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms"><img src="images/resource/blog-image-2.jpg" alt=""></figure>
                        </div>
                    </div>
                    <div class="col-md-5 col-sm-12 col-xs-12 content-column padd-top-50">
                        <div class="default-content-box text-right wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="0ms">
                            <div class="default-post-title">
                                <h3><a href="index-2.html#">LOREM IPSUM DOLORADO CONSEC TUERER</a></h3>
                            </div>
                            <div class="content-box">
                                <div class="default-post-info"><a href="index-2.html#">WEB DESIGN</a>, 26/06/2010</div>
                                <div class="text">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                </div>
                            </div>
                            <div class="link-box"><a href="index-2.html#" class="theme-btn read-more">READ MORE</a></div>
                            
                        </div>
                    </div>
                </div>
            </article>
            
            <!--Default Blog Post / Style One-->
            <article class="default-post-style blog-post style-one left-aligned">
                <div class="row clearfix">
                    <div class="col-md-7 col-sm-12 col-xs-12 image-column">
                        <div class="clearfix">
                            <figure class="blog-image wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms"><img src="images/resource/blog-image-3.jpg" alt=""></figure>
                        </div>
                    </div>
                    <div class="col-md-5 col-sm-12 col-xs-12 content-column padd-top-50">
                        <div class="default-content-box wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="0ms">
                            <div class="default-post-title">
                                <h3><a href="index-2.html#">LOREM IPSUM DOLORADO CONSEC TUERER</a></h3>
                            </div>
                            <div class="content-box">
                                <div class="default-post-info"><a href="index-2.html#">WEB DESIGN</a>, 26/06/2010</div>
                                <div class="text">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                </div>
                            </div>
                            <div class="link-box"><a href="index-2.html#" class="theme-btn read-more">READ MORE</a></div>
                            
                        </div>
                    </div>
                </div>
            </article>
            
        </div>
        
        <div class="link-box text-center padd-right-20"><a href="index-2.html#" class="theme-btn btn-style-three">GO TO OUR BLOG</a></div>
        
    </section>
    
    
    <!--Main Footer-->
    <footer class="main-footer">
    	<div class="upper-part">
        	
        	<div class="auto-container">
            	<div class="logo"><a href="index-2.html#"><img src="images/logo-2.png" alt=""></a></div>
                <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit diam, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</div>
                <div class="footer-social-links clearfix">
                	<a href="index-2.html#" class="social-link clearfix"><span class="icon fa fa-facebook-f"></span><span class="txt">Facebook</span></a>
                    <a href="index-2.html#" class="social-link clearfix"><span class="icon fa fa-twitter"></span><span class="txt">Twitter</span></a>
                    <a href="index-2.html#" class="social-link clearfix"><span class="icon fa fa-pinterest"></span><span class="txt">Pinterest</span></a>
                    <a href="index-2.html#" class="social-link clearfix"><span class="icon fa fa-dribbble"></span><span class="txt">Dribble</span></a>
                </div>
                
                <!--Sponsors Carousel-->
                <div class="sponsors-outer">
                	<!--Sponsors Carousel-->
                    <ul class="sponsors-carousel">
                    	<li class="slide-item"><figure class="image-box"><a href="index-2.html#"><img src="images/clients/image-1.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="index-2.html#"><img src="images/clients/image-2.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="index-2.html#"><img src="images/clients/image-3.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="index-2.html#"><img src="images/clients/image-4.png" alt=""></a></figure></li>
                        <li class="slide-item"><figure class="image-box"><a href="index-2.html#"><img src="images/clients/image-5.png" alt=""></a></figure></li>
                    </ul>
                </div>
                
            </div>
        </div>
        
        <!--Footer Bottom-->
        <div class="footer-bottom">
        	<div class="auto-container">
            	<div class="text"><span class="theme_color">VOLTER</span> &copy; 2016 All Right Reserved Themexriver <br>Made with love by <a target="_blank" href="http://themeforest.net/user/themexriver/">Themexriver</a></div>
            </div>
        </div>
        
    </footer>
    
</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top"><span class="icon fa fa-long-arrow-up"></span></div>


<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/bxslider.js"></script>
<script src="js/owl.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>
</body>
</html>